<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="__PUBLIC__/Image/logo.ico">

    <title>我的游记</title>

    <!-- Bootstrap core CSS -->
    <link href="__PUBLIC__/Css/lib/bootstrap.min.css" rel="stylesheet" type="text/css">
     <!-- 自定义公共CSS -->
    <link href="__PUBLIC__/Css/Index/common.css" rel="stylesheet" type="text/css">
    <style type="text/css">
		body{
			line-height:1.1;
		}
		
		.strong{
			font-size:50px;
		}
		
		.small{
			font-size:25px;
		}
		
		 a{
			color:white;
			font-weight:bold;
		}
		
		.contains{
			background-color:#E2007E;
		}
		
		.personcenter-list{
			text-align:right;
			margin-top:30px;
			font-size:40px;
			margin-right:10px;
			line-height:50px;
		}
		
		@media screen and (max-height:800px){
			.personcenter-list{
				margin-right:5px;
				line-height:45px;
			}
		}
		
	</style>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    <script src="__PUBLIC__/Js/lib/jquery-1.11.2.min.js"></script>
	<script src="__PUBLIC__/Js/lib/bootstrap.min.js"></script>
	<script src="__PUBLIC__/Js/Index/common.js"></script>
  </head>

  <body>
<div class="myContainer col-xs-12 col-sm-12 col-md-12 col-lg-12" style="min-width:1000px;">
	  <div class="row whole-row" style="height:530px;">
	  		<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8" style="height:100%;width:75%;">
	  			<div class="row" style="">
	  				<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="height:250px;">
	  					<notempty name="travel_notes_list[0]">
		  					<a href="{:U('Index/travelTipDetail')}?id={$travel_notes_list[0].id}">
			  					<img src="{$travel_notes_list[0].first_img_path}" alt="{$travel_notes_list[0].title}">
			  					<span class="title-alt" style="background-color:#E2007E;left:15px;right:15px;">
			  						<strong>{$travel_notes_list[0].title}</strong>
			  				    </span>
		  				    </a>
		  				    <div class="img-about" style="">{$travel_notes_list[0].about}</div>
	  				    </notempty>
	  				</div>
	  				<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" style="height:250px;">
	  					<notempty name="travel_notes_list[1]">
		  					<a href="{:U('Index/travelTipDetail')}?id={$travel_notes_list[1].id}">
			  					<img src="{$travel_notes_list[1].first_img_path}" alt="{$travel_notes_list[1].title}">
			  					<span class="title-alt" style="background-color:#E2007E;left:15px;right:15px;">
			  						<strong>{$travel_notes_list[1].title}</strong>
			  				    </span>
		  				    </a>
		  				    <div class="img-about" style="">{$travel_notes_list[1].about}</div>
	  				    </notempty>
	  				</div>
	  				
	  				<div class="col-xs-5 col-sm-5 col-md-5 col-lg-5" style="height:250px;">
	  					<notempty name="travel_notes_list[2]">
		  					<a href="{:U('Index/travelTipDetail')}?id={$travel_notes_list[2].id}">
			  					<img src="{$travel_notes_list[2].first_img_path}" alt="{$travel_notes_list[2].title}">
			  					<span class="title-alt" style="background-color:#E2007E;left:15px;right:15px;">
			  						<strong>{$travel_notes_list[2].title}</strong>
			  				    </span>
		  				    </a>
		  				    <div class="img-about" style="">{$travel_notes_list[2].about}</div>
	  				    </notempty>
	  				</div>
  			 </div>
  			 <div class="row" style="">
  				<div class="col-xs-5 col-sm-5 col-md-5 col-lg-5" style="height:250px;">
  					<notempty name="travel_notes_list[3]">
		  				<a href="{:U('Index/travelTipDetail')}?id={$travel_notes_list[3].id}">
		  					<img src="{$travel_notes_list[3].first_img_path}" alt="{$travel_notes_list[3].title}">
		  					<span class="title-alt" style="background-color:#E2007E;left:15px;right:15px;">
		  						<strong>{$travel_notes_list[3].title}</strong>
		  				    </span>
	  				    </a>
	  				    <div class="img-about" style="">{$travel_notes_list[3].about}</div>
  				    </notempty>
  				</div>
  				<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="height:250px;">
  					<notempty name="travel_notes_list[4]">
		  				<a href="{:U('Index/travelTipDetail')}?id={$travel_notes_list[4].id}">
		  					<img src="{$travel_notes_list[4].first_img_path}" alt="{$travel_notes_list[4].title}">
		  					<span class="title-alt" style="background-color:#E2007E;left:15px;right:15px;">
		  						<strong>{$travel_notes_list[4].title}</strong>
		  				    </span>
	  				    </a>
	  				    <div class="img-about" style="">{$travel_notes_list[4].about}</div>
  				    </notempty>
  				</div>
  				
  				<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" style="height:250px;">
  					<notempty name="travel_notes_list[4]">
		  				<a href="{:U('Index/travelTipDetail')}?id={$travel_notes_list[4].id}">
		  					<img src="{$travel_notes_list[5].first_img_path}" alt="{$travel_notes_list[5].title}">
		  					<span class="title-alt" style="background-color:#E2007E;left:15px;right:15px;">
		  						<strong>{$travel_notes_list[5].title}</strong>
		  				    </span>
	  				    </a>
	  				    <div class="img-about" style="">{$travel_notes_list[5].about}</div>
  				    </notempty>
  				</div>
  			</div>
  			<div class="pages">{$page}</div>
	  		<!-- 旅游攻略end -->
			</div>
			<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 contains" style="height:100%;margin-left:20px;width:22%;">
				<div class="row" style="color:white;text-align:center;padding-top:80px;">
					<strong class="strong">我的游记</strong><br>
	  				<strong class="small">travel notes</strong>
				</div>
				<div class="row personcenter-list" style="">
					<strong><a href="{:U('Index/personalProfile')}">个人资料</a></strong><br>
					<strong><a href="{:U('Index/myMessages')}">我的消息</a></strong><br>
					<strong><a href="{:U('Index/myOrders')}">我的订单</a></strong><br>
					<strong><a href="{:U('Index/accountSecurity')}">账户安全</a></strong><br>
					<strong><a href="{:U('Index/releaseNotes')}">发布游记</a></strong><br>
				</div>
			</div>
	  </div>
      <div style="margin-top:30px;">
	  	<include file="Public:footer" />
	  </div>
</div>
  </body>
</html>
